<template>
    <div class="HeaderBox">
        <Logo></Logo>
        <Search></Search>
        <Register></Register>
        <Select></Select>
    </div>
</template>

<script>
    import Logo from "./HeaderSon/Logo";
    import Search from "./HeaderSon/Search";
    import Register from "./HeaderSon/Register";
    import Select from "./HeaderSon/Select";

    export default {
        name: "MyHeader",
        components:{
            Logo,Search,Register,Select
        }
    }
</script>

<style scoped>
.HeaderBox{
    position: relative;
    margin: auto;
    width: 1100px;
    height: 136px;
    /*background-color:red;*/
}
.HeaderBox>div{
    float: left;
}

</style>